<link rel="stylesheet" href="assets/tree/bootstrapStyle.css" type="text/css">
<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
<aside class="lg-side">
  <div class="panel-heading tab-bg-dark-navy-blue okr-tab-head tab-right ">
    <ul class="nav nav-tabs pull-right">
      <li class="" id="jp2">
        <a onclick="jump(2,this)">项目整体进展</a>
      </li>
      <li class="" id="jp4">
        <a onclick="jump(4,this)">计划和分配</a>
      </li>
      <li class="" id="jp5">
        <a onclick="jump(5,this)">子任务进展</a>
      </li>
      <!-- <li class="" id="jp6">
        onclick="jump(6,this)"
        <a href="#/readyToCode">任务得分</a>
      </li>
      <li class="" id="jp7">
        onclick="jump(7,this)"
        <a href="#/readyToCode">自评得分</a>
      </li>
      <li class="" id="jp8">
        onclick="jump(8,this)"
        <a href="#/readyToCode">子任务评分</a>
      </li>
      <li class="" id="jp9">
        onclick="jump(9,this)"
        <a href="#/readyToCode">负责人自评</a>
      </li> -->
    </ul>
  </div>
  <div class="inbox-body mi-h8">
    <!--tab nav start-->
    <div class="tab-content">
      <div id="tab2" class="tab-pane">
        <div class="alert alert-block alert-warning fade in">
          <button data-dismiss="alert" class="close close-sm" type="button">
            <i class="icon-remove"></i>
          </button>
          <strong>注意事项：</strong>
          项目经理填写项目进展时，请依据其他重要角色的进展情况给出项目整体进展说明，不能局限于个人单方面的进展；若无进展，请填写无进展及其原因！
          例如（对于销售项目，项目经理要综合销售、技术支持、交付等方面进展给出整体说明）。
        </div>
        <div class="alert alert-block alert-danger fade in" id="position">
          <button data-dismiss="alert" class="close close-sm" type="button">
            <i class="icon-remove"></i>
          </button>
          <strong>友情提示：</strong>
          每个角色自己的进展只能反馈在本项目的子任务进展中。
        </div>
        <section class="panel">
          <header class="panel-heading ">
            重点工作
          </header>
          <div class="panel-body">
            <div id="zdgzContainer" class="dlshouwen-grid-container"></div>
            <div id="zdgzToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>

        <section class="panel">
          <header class="panel-heading">
            拜访记录
            <i class="add-icon icon-plus" ng-show="leftMenu['KHGL-KHGLC']" onclick="toLoadHtml(108)"> 新增</i>
          </header>
          <div class="panel-body">
            <div id="ctlogContainer" class="dlshouwen-grid-container"></div>
            <div id="ctlogToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>

        <section class="panel">
          <header class="panel-heading ">
            项目整体进展
            <button class="btn btn-xs btn-primary" onclick="sendMessage();"><i class=" icon-envelope-alt"></i>
              通知</button>
            <!--<i class="add-icon icon-plus" onclick="location.href='javascript:toLoadHtml(38)'"> 新增</i>-->
            <i class="add-icon icon-plus" onclick="location.href='javascript:toLoadHtml(38)'"> 新增</i>
          </header>
          <div class="panel-body">
            <div id="prgContainer" class="dlshouwen-grid-container"></div>
            <div id="prgToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>

        <div id="jzMessage" style="display: none;border: 1px solid">
          <section class="panel">
            <header class="panel-heading">
              通知消息推送
            </header>
            <div class="panel-body">
              <div class="alert alert-block alert-warning fade in">
                <button data-dismiss="alert" class="close close-sm" type="button">
                  <i class="icon-remove"></i>
                </button>
                <strong>注意事项：</strong>
                最多添加10个成员，推送消息，如需修改，请删除后重新添加。
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">选择成员*</label>
                <div class="col-sm-10">
                  <input type="text" value="" certus-required id="autocomplete" class="form-control"
                    onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');" placeholder="人员姓名" />
                  <input type="hidden" value="" id="searchParam" name="userId" />
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">邮件推送</label>
                <div class="col-sm-10">
                  <select class="form-control" id="email">
                    <option value="2">开启</option>
                    <option value="0">关闭</option>
                  </select>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">微信推送</label>
                <div class="col-sm-10">
                  <select class="form-control" id="weichat">
                    <option value="1">开启</option>
                    <option value="0">关闭</option>
                  </select>
                </div>
              </div>
              <p class="default-buttons">
                <a href="javascript:void(0);" class="button-back btn btn-info" onclick="calcle()">取消</a>
                <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="addJzMessage()">提交</a>
              </p>
            </div>
          </section>

          <section class="panel">
            <!--<div class="panel-body">-->
            <header class="panel-heading">
              项目进展通知列表
              <!--<i class="add-icon icon-plus" onclick=""> 新增</i>-->
            </header>
            <div class="panel-body">
              <!-- <div id="noticeContainer2" class="dlshouwen-grid-container"></div> -->
              <table class="table table-bordered" style="text-align:center;">
                <thead>
                  <tr>
                    <th style="width:75px;text-align:center;">工号</th>
                    <th style="width:75px;text-align:center;">人员姓名</th>
                    <th style="text-align:center;">岗位</th>
                    <th style="width:75px;text-align:center;">邮件推送</th>
                    <th style="width:75px;text-align:center;">微信推送</th>
                    <th style="width:65px;text-align:center;">操作</th>
                  </tr>
                </thead>
                <tbody id="jz_notice">

                </tbody>
              </table>
            </div>
            <!--</div>-->
          </section>
        </div>
        <!-- <section class="panel" style="display: none" id="sendMessdiv">
          <header class="panel-heading">
            发送消息通知
          </header>
          <div class="panel-body">
            <div class="alert alert-block alert-warning fade in">
              <button data-dismiss="alert" class="close close-sm" type="button">
                <i class="icon-remove"></i>
              </button>
              <strong>注意事项：</strong>
              最多勾选10个成员，推送消息。
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">选择成员</label>
              <div class="col-sm-10">
                <input type="text" value="" certus-required id="autocomplete" class="form-control"
                  onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');" placeholder="人员姓名" />
                <input type="hidden" value="" id="searchParam" name="userId" />
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">可选成员</label>
              <div class="col-sm-10" id="userSelist">
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">推送方式</label>
              <div class="col-sm-10">
                <select class="form-control" id="subType">
                  <option value="1">邮件推送</option>
                  <option value="2">微信推送</option>
                  <option value="1,2">邮件/微信推送</option>
                </select>
              </div>
            </div>
            <input type="hidden" id="keyId" value="" />
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info calcle">取消</a>
              <a href="javascript:void(0);" class="button-next  btn btn-success" onclick="pushMsg()">发送</a>
            </p>
          </div>
        </section> -->

        <section class="panel">
          <header class="panel-heading ">
            决策上报
            <i class="add-icon icon-plus" onclick="location.href='javascript:toLoadHtml(36)'"> 新增</i>
          </header>
          <div class="panel-body">
            <div id="makingContainer" class="dlshouwen-grid-container"></div>
            <div id="makingToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
        <section class="pane2">
          <header class="panel-heading ">
            风险和问题
            <i class="add-icon icon-plus" onclick="location.href='javascript:toLoadHtml(40)'"> 新增</i>
          </header>
          <div class="panel-body">
            <div id="riskContainer" class="dlshouwen-grid-container"></div>
            <div id="riskToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>

        <section class="pane1">
          <header class="panel-heading add-heading">
            <div id="bttitle" style="display: inline-block;">投标及收入情况</div>
            <!--<i class="add-icon icon-plus" onclick="location.href='javascript:toLoadHtml(38)'"> 新增</i>-->
            <i class="add-icon icon-plus" onclick="location.href='javascript:toLoadHtml(106)'"> 新增</i>
          </header>
          <div class="panel-body">
            <div id="bidContainer" class="dlshouwen-grid-container"></div>
            <div id="bidToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
      </div>
      <div id="tab4" class="tab-pane active">
        <section class="panel">
          <header class="panel-heading add-heading">
            OKR计划和分配
            <i class="add-icon icon-plus" onclick="addTask()"> 标准</i>
          </header>
          <div class="panel-body">
            <div class="row">
              <div class="col-lg-4">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">完成状态</span>
                  <select class="form-control" style="position: relative;margin-left:-4px;text-indent:2px;" id="iswc"
                    onchange="changeUser()">
                    <option value="0" selected>未完成</option>
                    <option value="1">完成</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-4">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">成果负责人</span>
                  <select name="userId2" class="form-control"
                    style="position: relative;margin-left:-4px;text-indent:2px;" id="userId2" onchange="changeUser()">
                    <option value="">全部</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-4">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">任务状态</span>
                  <select name="rwState" class="form-control"
                    style="position: relative;margin-left:-4px;text-indent:2px;" id="rwState" onchange="changeUser()">
                    <option value="0">运行</option>
                    <option value="2">终止</option>
                  </select>
                </div>
              </div>
            </div>
            <div id="okrContainer" class="dlshouwen-grid-container"></div>
            <div id="okrToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
        <!--添加人员通知div start-->
        <div id="jzMessage2" style="display: none;border: 1px solid">
          <section class="panel">
            <header class="panel-heading">
              OKR通知消息推送
            </header>
            <div class="panel-body">
              <div class="alert alert-block alert-warning fade in">
                <button data-dismiss="alert" class="close close-sm" type="button">
                  <i class="icon-remove"></i>
                </button>
                <strong>注意事项：</strong>
                最多添加10个成员，推送消息，如需修改，请删除后重新添加。
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">选择成员*</label>
                <div class="col-sm-10">
                  <input type="text" value="" autocomplete="off" certus-required id="autocomplete2" class="form-control"
                    onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');" placeholder="人员姓名" />
                  <input type="hidden" autocomplete="off" value="" id="searchParam2" name="userId" />
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">邮件推送</label>
                <div class="col-sm-10">
                  <select class="form-control" id="email2">
                    <option value="2">开启</option>
                    <option value="0">关闭</option>
                  </select>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">微信推送</label>
                <div class="col-sm-10">
                  <select class="form-control" id="weichat2">
                    <option value="1">开启</option>
                    <option value="0">关闭</option>
                  </select>
                </div>
              </div>
              <p class="default-buttons">
                <a href="javascript:void(0);" class="button-back btn btn-info" onclick="cleanOkrs()">取消</a>
                <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="addOkrs()">提交</a>
              </p>
            </div>
          </section>

          <section class="panel">
            <header class="panel-heading">
              OKR通知列表
              <!--<i class="add-icon icon-plus" onclick=""> 新增</i>-->
            </header>
            <div class="panel-body">
              <!-- <div id="noticeContainer2" class="dlshouwen-grid-container"></div> -->
              <table class="table table-bordered" style="text-align:center;">
                <thead>
                  <tr>
                    <th style="width:75px;text-align:center;">工号</th>
                    <th style="width:75px;text-align:center;">人员姓名</th>
                    <th style="text-align:center;">岗位</th>
                    <th style="width:75px;text-align:center;">邮件推送</th>
                    <th style="width:75px;text-align:center;">微信推送</th>
                    <th style="width:65px;text-align:center;">操作</th>
                  </tr>
                </thead>
                <tbody id="okrs_notice">

                </tbody>
              </table>
            </div>
          </section>
        </div>
        <!--end-->
        <div class="col-lg-5 isshow">
          <section class="panel">
            <header class="panel-heading no-bt0">
              标准动作
            </header>
            <div class="panel-body n-p5">
              <div class="bt1">
                <ul id="treeDemo" class="ztree rwlist-box t-reeh4"></ul>
              </div>
            </div>
          </section>
        </div>
        <div class="col-lg-7 isshow">
          <section class="panel">
            <header class="panel-heading">
              任务信息
            </header>
            <div class="panel-body">
              <div class="form-group customerForm">
                <label class="col-sm-3 control-label">项目目标</label>
                <div class="col-sm-9">
                  <select id="proTarget" class="form-control" onchange="searchByTarget()">
                    <option value="0">请选择</option>
                  </select>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-3 control-label">季度</label>
                <div class="col-sm-9">
                  <select id="exeCys" class="form-control" onchange="searchByTarget()">
                    <option value="Q1">Q1</option>
                    <option value="Q2">Q2</option>
                    <option value="Q3">Q3</option>
                    <option value="Q4">Q4</option>
                  </select>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-3 control-label">动作分类*</label>
                <div class="col-sm-9">
                  <input id="penNode" type="text" class="form-control" placeholder="点击左侧选择" readonly>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-3 control-label">标准动作*</label>
                <div class="col-sm-9">
                  <input id="penName" type="text" class="form-control" placeholder="点击左侧选择" readonly>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-3 control-label">子任务*</label>
                <div class="col-sm-9">
                  <input id="chilName" type="text" class="form-control">
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-3 control-label">KR权重*</label>
                <div class="col-sm-9">
                  <input id="krqz" type="text" onkeyup="clearNoNum(this)" onblur="clearNoNum(this)" min="0" max="100"
                    class="form-control">
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-3 control-label">负责人*</label>
                <div class="col-sm-9">
                  <select name="userId" class="form-control" id="userId" certus-required>
                    <option value="">请选择</option>
                  </select>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-3 control-label">完成时间*</label>
                <div class="col-sm-9">
                  <input type="text" id="overtime" class="form-control">
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-3 control-label">投入占比*</label>
                <div class="col-sm-9">
                  <input id="okrt" type="text" onkeyup="clearNoNum(this)" onblur="clearNoNum(this)" min="0" max="100"
                    class="form-control">
                </div>
                <input type="hidden" value="" id="krsId" />
              </div>
              <p class="default-buttons">
                <a href="javascript:void(0);" class="btn btn-info qxadd">取消</a>
                <a href="javascript:void(0);" class="button-next btn btn-warning" id="toEdit">更新子任务</a>
                <a href="javascript:void(0);" class="button-next btn btn-success" id="addLeaf">新增子任务</a>
              </p>
            </div>
          </section>
        </div>
        <section>
          <header class="panel-heading">
            成员其他未完成任务
          </header>
          <div class="panel-body">
            <div id="okrContainer1" class="dlshouwen-grid-container"></div>
            <div id="okrToolBarContainer1" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
      </div>
      <div id="tab5" class="tab-pane">
        <div class="row">
          <div class="col-lg-12">
            <div class="alert alert-block alert-danger fade in">
              <button data-dismiss="alert" class="close close-sm" type="button">
                <i class="icon-remove"></i>
              </button>
              <strong>友情提示：</strong>
              每个角色自己的进展只能反馈在本项目的子任务进展中。
            </div>
          </div>
        </div>
        <section class="panel">
          <header class="panel-heading ">
            <!-- OKR子任务进展
            <select ng-model="file.permission" class="form-control " id="isFinish" onchange="change()">
              <option value="0">未完成</option>
              <option value="1">完成</option>
            </select> -->
            <div class="search-box">
              <span class="tline-34">
                OKR子任务进展
              </span>
              <span class="so-icon">
                <select class="form-control " id="isFinish" onchange="change()">
                  <option value="0">未完成</option>
                  <option value="1">完成</option>
                </select>
              </span>
            </div>
          </header>
          <div class="panel-body">
            <div id="childrenContainer" class="dlshouwen-grid-container"></div>
            <div id="childrenToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
      </div>
      <div id="tab6" class="tab-pane">
        <section class="panel">
          <header class="panel-heading ">
            子任务自评得分
            <i class="add-icon icon-plus" onclick="location.href='./edit/edit-child.html'"> 新增</i>
          </header>
          <div class="panel-body">
            <div id="okrTaskScore" class="dlshouwen-grid-container"></div>
            <div id="okrTaskScoreContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
      </div>
      <div id="tab7" class="tab-pane">
        <section class="panel">
          <header class="panel-heading ">
            子任务自评得分
            <i class="add-icon icon-plus" onclick="location.href='./edit/edit-child.html'"> 新增</i>
          </header>
          <div class="panel-body">
            <div id="childContainer" class="dlshouwen-grid-container"></div>
            <div id="childToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
      </div>
      <div id="tab8" class="tab-pane">
        <section class="panel">
          <header class="panel-heading ">
            OKR子任务评分
            <i class="add-icon icon-plus" onclick="location.href='./edit/edit-childs.html'"> 新增</i>
          </header>
          <div class="panel-body">
            <div id="childsContainer" class="dlshouwen-grid-container"></div>
            <div id="childsToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
      </div>
      <div id="tab9" class="tab-pane">
        <section class="panel">
          <header class="panel-heading">
            OKR负责人自评
            <i class="add-icon icon-plus" onclick="location.href='./edit/edit-childb.html'"> 新增</i>
          </header>
          <div class="panel-body">
            <div id="childbContainer" class="dlshouwen-grid-container"></div>
            <div id="childbToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
      </div>
    </div>
  </div>
</aside>
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/autocomplete/jquery.autocomplete.js"></script>
<script type="text/javascript" src="assets/tree/jquery.ztree.core.js"></script>
<script type="text/javascript" src="assets/tree/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="assets/tree/jquery.ztree.exedit.js"></script>
<script src="js/proinfo/info.js"></script>
<script>
  $('#overtime').datepicker({
    format: 'yyyy-mm-dd'
  });
</script>